<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>WPB工作进吧使用说明</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
  <script type="text/javascript">
    $(function() {
      $("img").lazyload({effect: "fadeIn"});
    });
  </script>
  <style>
    html, body{margin: 0; padding: 0; overflow: auto}
    ol{list-style-type:none;counter-reset:sectioncounter; font-size: 15px;padding: 0px; margin: 0;}
    li{
      margin-bottom: 20px;
    }
    ol li:before {
      content:counter(sectioncounter) "、";
      counter-increment:sectioncounter;
    }
    img{
      max-width: 100%;
      margin: 0 auto;
      -webkit-filter: drop-shadow(3px 3px 3px gray); /* Chrome, Safari, Opera */
      filter: drop-shadow(3px 3px 3px gray);
    }
    div{
      padding: 15px;
    }
    .header{
      text-align: center; background: black; height: 45px; position: fixed; color: white; padding: 5px;top:0; width: 100%;z-index: 9;
    }
  </style>
</head>
<body>
    <div class="header">
      <span style="cursor: pointer; position: absolute; padding: 10px;left:5px;font-size: 18px;font-weight: bold" onclick="history.go(-1)">返回</span>
      <div style="font-size: 26px;padding: 5px;">WPB工作进吧使用说明</div>
    </div>
    <div style="padding: 4%; padding-top: 80px;">
      <ol>
        <li>WPB工作进吧已接入钉钉微应用，在钉钉开放平台设置 可使用人员，用户在微应用列表就会显示该应用。该应用适配手机
          <div><img src="./img2/1.png"/></div>
        </li>
        <li>系统包含3个功能： 日志编写、日志看板、项目管理，如下图所示。动物、植物、飞机等小图标表示项目日志<br>
          &nbsp; &nbsp; （备注：已写的项目日志为高亮图标, 未写的项目日志为黯淡图标）
          <div><img src="./img2/board1.png" /></div>
        </li>
        <li>看板可选择日报、月报、年报三个维度来查看，并可选择管理权限内的部门人员进行查看。下图为多人月报模式
          <div><img src="./img2/board2.png" /></div>
        </li>
        <li>看板之年报模式，统计成员项目时间占比
          <div><img src="./img2/board3.png" /></div>
        </li>
        <li>看板之日报模式，鼠标悬浮时可浮现日志内容
          <div><img src="./img2/board4.png" /></div>
        </li>
        <li>点击看板的日志图标可查看日志详情，展开评论后，可输入评论后发表
          <div><img src="./img2/board5.png" /></div>
        </li>
        <li>写日志分为日报、周报、半月报、月报四个类别。日报模式下，选择当天工作内容的项目进行汇报，临时任务写入其他工作
          <div><img src="./img2/writeLog.png" /></div>
        </li>
        <li>周报、半月报、月报需要填写工作内容、主要成效、下期计划三项内容
          <div><img src="./img2/writelog2.png" /></div>
        </li>
        <li>读日志时可选择全部、未读、我发出的、抄送我的四个分类
          <div><img src="./img2/log.png" /></div>
        </li>
        <li>点击某个日志，进入日志详情，页面下方有上一条下一条的阅读按钮
          <div><img src="./img2/readLog.png" /></div>
        </li>
        <li>组长主管以上权限人员可进行项目管理，添加项目取消项目完成项目。每个项目都有不同的项目顔色图标
          <div><img src="./img2/project1.png" /></div>
        </li>
        <li>添加或者修改项目, 输入项目名称、分类、简介、负责人、开始时间、结束时间等信息
          <div><img src="./img2/editPrj.png" /></div>
        </li>
        <li>中途发生项目变更需要撤销，在该项目详情页进行撤销项目，已完成项目不能再撤销
          <div><img src="./img2/cancelPrj.png" /></div>
        </li>
        <li>项目完成后，在项目列表中点击完成按钮，输入完成信息确认
          <div><img src="./img2/completePrj.png" /></div>
        </li>
      </ol>
    </div>
</body>
</html>
